<!DOCTYPE html>
<html lang="zh-CN">

<head>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <title>景区后台</title>

    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js "></script>

</head>
<body>
<img src="{$img_url}" class="img">

    <!-- <div class="top">
        <img src="https://you84.goldsu.cn/uploads/20200821/572197a46908677915997f412fcbe3ba.jpg" class="logo">
        <div class="top-title">优巴</div>
        <div class="top-info">欢迎进入优巴城际旅游，体验便捷车辆服务</div>
    </div>
    <div class="center">
        <button class="btn" onclick="do_login()">绑定公众号</button>
    </div>
 -->
<style type="text/css">
    body{
        max-width: 750px;
        margin:0 auto;
    }
    .img{
        width: 100%;
        height: auto;
    }
    .top{
        text-align: center;
        margin:130px 0;
    }
    .top-title{
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin: 20px;
    }
    .center{
        margin:20px 0;
        text-align: center;
    }
    .btn{
        background: #09dcd5;
        color:#f3f3f3;
        border:none;
        margin:0 auto;
        padding:12px 28px;
        border-radius: 10px;
    }
    .btn:active{
        border:#f3f3f3;
    }
</style>
<script type="text/javascript">
      var userAgent = navigator.userAgent;
      if (userAgent.indexOf('AlipayClient') > -1) {
        // 支付宝小程序的 JS-SDK 防止 404 需要动态加载，如果不需要兼容支付宝小程序，则无需引用此 JS 文件。
        document.writeln('<script src="https://appx/web-view.min.js"' + '>' + '<' + '/' + 'script>');
      } else if (/QQ/i.test(userAgent) && /miniProgram/i.test(userAgent)) {
        // QQ 小程序
        document.write('<script type="text/javascript" src="https://qqq.gtimg.cn/miniprogram/webview_jssdk/qqjssdk-1.0.0.js"><\/script>');
      } else if (/miniProgram/i.test(userAgent) || /MicroMessenger/i.test(userAgent)) {
        // 微信小程序 JS-SDK 如果不需要兼容微信小程序，则无需引用此 JS 文件。
        document.write('<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"><\/script>');
      } else if (/toutiaomicroapp/i.test(userAgent)) {
        // 字节跳动小程序 JS-SDK 如果不需要兼容字节跳动小程序，则无需引用此 JS 文件。
        document.write('<script type="text/javascript" src="https://s3.pstatp.com/toutiao/tmajssdk/jssdk-1.0.1.js"><\/script>');
      } else if (/swan/i.test(userAgent)) {
        // 百度小程序 JS-SDK 如果不需要兼容百度小程序，则无需引用此 JS 文件。
        document.write('<script type="text/javascript" src="https://b.bdstatic.com/searchbox/icms/searchbox/js/swan-2.0.18.js"><\/script>');
      }
      if (!/toutiaomicroapp/i.test(userAgent)) {
        document.querySelector('.post-message-section').style.visibility = 'visible';
      }
</script>
<!-- uni 的 SDK -->
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>

<script>
    document.addEventListener('UniAppJSBridgeReady', function() {
        uni.postMessage({
            data: {
                action: 'message'
            }
        });
        uni.getEnv(function(res) {
            console.log('当前环境：' + JSON.stringify(res));
        });
    });
</script>

 <script>
        $(function() {
            pushHistory();
            window.addEventListener("popstate", function(e) {
                //首页点击返回,直接关闭网页
                WeixinJSBridge.call('closeWindow');
                wx.miniProgram.navigateBack()；//返回 
            }, false);
            function pushHistory() {
                var state = {
                    title: "title",
                    url: "#"
                };
                window.history.pushState(state, state.title, state.url);
            }
        })
</script>

</body>
</html>